<template>
	<view style="background-color: rgb(250, 250, 250);">
		<view class="header" :style="'padding-top: '+bartop+'px; padding-bottom:10rpx;background: rgba(0, 0, 0, 0);'">
			<view class="goodsmsgheader headertop" style="width: 100%;">
				<navigator open-type="navigateBack" style="padding:10rpx">
					<image src="/static/zfh.png" mode="aspectFit"></image>
				</navigator>
				<text style="font-size: 36rpx;
		font-family: Source Han Sans CN;
		font-weight: 600;
		color: #000000;
		"></text>
				<!-- <image src="/static/goodsmsghei.png" mode="aspectFit" bindtap="showmsg" wx:if="{{cartlen=='00'?false:true}}"><text>{{cartlen}}</text></image> -->
			</view>
		</view>
		<image class="img" src="../../../static/hdxqbj.png" mode=""></image>
		<view class="" style="padding: 40rpx;">
			<view class="title">
				亲子活动 在线赢豪礼
			</view>
			<view class="title1">
				<image src="/static/hdsj.png" mode=""></image>
				<view class="">09/08 00:00-09/14 23:59</view>
			</view>
			<view class="title1">
				<image src="/static/hddw.png" mode=""></image>
				<view class="">清华园社区小广场</view>
			</view>
			<view class="title2">
				亲子活动是指，父母陪着孩子在假期参加一些社团或者企业组织的一些有益于儿童成长的活动，促进孩子与父母的关系，让孩子结识更多的好朋友。通过活动锻炼孩子参与探索的性格，能让孩子在少年时期，身心健康发展。
			</view>

			<view class="center">
				活动地点
			</view>

			<view class="dz">
				<map style="width: 100%;height: 400rpx;"></map>
				<view class="dz1">天府清华园</view>
				<view class="dz2">
					张店区商场西街203号
				</view>
			</view>
			<view class="center">
				活动地点
			</view>
			<view class="hdsj">
				<view class="" style="font-size:36rpx;margin-right: 10rpx;">① </view>
				<view class="">
					请于活动时间前15分钟到达现场，请于活动时间前15分钟
					到达现场。
				</view>
			</view>
			<view class="hdsj">
				<view class="" style="font-size:36rpx;margin-right: 10rpx;">① </view>
				<view class="">
					请于活动时间前15分钟到达现场，请于活动时间前15分钟
					到达现场。
				</view>
			</view>
			<view class="hdsj">
				<view class="" style="font-size:36rpx;margin-right: 10rpx;">① </view>
				<view class="">
					请于活动时间前15分钟到达现场，请于活动时间前15分钟
					到达现场。
				</view>
			</view>

			<view class="bottom">
				<image src="../../../static/hdxqfx.png" mode=""></image>

			</view>
		</view>
	</view>
</template>

<script>
	//活动详情
	export default {
		data() {
			return {
				bartop: 0,
				titles: 0,
			}
		},
		onLoad(e) {
			this.bartop = this.$bartop;
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.img {
		width: 100vw;
		height: 497rpx;
	}

	.title {
		margin: 40rpx 0;
		margin-top: 0rpx;
		font-size: 48rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 600;
		color: #333333;
	}

	.title1 {
		display: flex;
		align-items: center;
		margin-bottom: 20rpx;

		>view {
			margin-left: 10rpx;
			font-size: 24rpx;
			font-family: Alibaba PuHuiTi;
			font-weight: 400;
			color: #333333;
		}

		>image {
			width: 20rpx;
			height: 20rpx;
		}
	}

	.title2 {
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #333333;
	}

	.center {
		margin-top: 60rpx;
		margin-bottom: 40rpx;
		font-size: 30rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 600;
		color: #333333;
	}

	.dz {
		background-color: white;
		border-radius: 5%;
		overflow: hidden;

		.dz1 {
			margin: 20rpx;
			font-size: 24rpx;
			font-family: Alibaba PuHuiTi;
			font-weight: 500;
			color: #333333;
		}

		.dz2 {
			margin-left: 20rpx;
			padding-bottom: 20rpx;
			font-size: 24rpx;
			font-family: Alibaba PuHuiTi;
			font-weight: 400;
			color: #333333;
		}
	}

	.hdsj {
		margin-bottom: 40rpx;
		display: flex;
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: #333333;
		line-height: 48rpx;
	}

	.bottom {
		display: flex;
		align-items: center;
		justify-content: flex-end;

		>image {
			width: 118rpx;
			height: 118rpx;
		}

		.bottom1 {
			background-color: rgb(255, 174, 69);
			width: 509rpx;
			height: 116rpx;
			font-size: 36rpx;
			font-family: Alibaba PuHuiTi;
			font-weight: 600;
			color: #FFFFFF;
			line-height: 116rpx;
			text-align: center;
			border-radius: 60rpx;
		}

	}
</style>
